<div nz-row [nzGutter]="{ xs: 8, sm: 16, md: 16, lg: 16 }" class="statistical">
  <div nz-col class="gutter-row" [nzSpan]="6" [nzMd]="4" [nzSm]="24" >
    <nz-tree [nzData]="nodes" nzDraggable nzBlockNode (nzOnDrop)="nzEvent($event)" class="user-tree"></nz-tree>
  </div>
  <div nz-col class="gutter-row" [nzSpan]="6" [nzMd]="20" [nzSm]="24" >
    <app-table [columns]="columns" [dataSource]="dataSource">
      <!-- <p name='action'>类名选择插槽</p> -->
      <div action>
        <a>编辑</a>
        <nz-divider nzType="vertical"></nz-divider>
        <a
          nz-popconfirm
          nzPopconfirmTitle="Are you sure delete this task?"
          nzPopconfirmPlacement="bottom"
          class="delete"
        >删除</a>
      </div>
    </app-table>
    <div class="flex items-center justify-center h-screen bg-gray-200">
      <h1 class="text-3xl font-bold text-gray-600">Hello, Tailwind CSS!</h1>
    </div>
  </div>
  <app-modal #handleOpen></app-modal>
</div>
